<script>
    $(document).ready(function(){
        $("#btnAgregar").click(function(){
            generic.guardaPreguntas();            
        });

        $("#btnSearch").click(function(){
            generic.muestraPreguntas();
        });
    });

    function myDeleteFunction(clickId)
        {
            var idPregunta = $("#hidIdPregunta" + clickId).val();
            generic.eliminaPregunta(idPregunta);
        }
</script>
<div id="contentFrame"></div>
<div class="well" style="margin-bottom: 0px;">
    <input type="hidden" id="hidNumPre" value="0">
    <div id="fade_out">
        <form id="frmPreguntas" class="form-horizontal">
        <legend>Preguntas y Respuestas</legend>
        <span class="help-block">Presione buscar para consultar las preguntas que ya han sido registradas en un cuesionario.</span>
        <div class="form-group">
            <label for="select" class="col-lg-3 control-label">Cuestionario</label>
            <div class="col-lg-8">
                <select id="drpCuestionario" name="drpCuestionario" class="form-control input-sm">
                    <?php
                        require('autoload.php');
                        $rs = generic::muestraCuestionarios();

                        if($rs['status']){
                            if($rs['total'] >= 1){
                                $cuestionarios = $rs['rows'];

                                for ($i=0; $i < count($cuestionarios); $i++) {
                                    echo "<option value='" . $cuestionarios[$i]['IdCuestionario'] . "'>" . $cuestionarios[$i]['Descripcion'] . "</option>";
                                }
                            }
                        }
                    ?>
                </select>
            </div>
            <div class="col-lg-1">
                <button type="button" id="btnSearch" class="btn btn-sm"><span class="icon-search"></span></button>
            </div>
        </div>
        <div class="form-group">
            <label for="txtPregunta" class="col-lg-3 control-label">Pregunta</label>
            <div class="col-lg-9">
                <input type"text" id="txtPregunta" name="txtPregunta" class="form-control input-sm" placeholder="...?">
            </div>
        </div>
        <div class="form-group">
            <label for="txtRespuesta" class="col-lg-3 control-label">Respuesta</label>
            <div class="col-lg-9">
                <textarea class="form-control input-sm" rows="3" id="txtRespuesta" name="txtRespuesta"></textarea>
            </div>
        </div>
        <div class="form-group">
            <label for="txtPuntos" class="col-lg-3 control-label">Puntos</label>
            <div class="col-lg-2">
                <input type"text" id="txtPuntos" name="txtPuntos" class="form-control input-sm" placeholder="100">
            </div>
        </div>
        <div class="form-group">
            <div class="col-lg-9 col-lg-offset-3">
                <button type="button" id="btnAgregar" class="btn btn-primary disabled">Agregar</button>                
            </div>
        </div>
        </form>
    </div>
    <div id="fade_in">
        <legend>Detalle</legend>
        <div class="border-table">
            <table class="table">
                <tr>
                    <th style="width: 20px;">#</th>
                    <th>Pregunta</th>
                    <th>Respuesta</th>
                    <th style="width: 40px;">puntos</th>
                    <th style="width: 40px;"></th>
                </tr>
            </table>
            <table id="tblPreguntas" class="table table-hover"><table>
        </div>        
    </div>
</div>
<iframe id="iframeContent" name="response" style="display:none;"></iframe>